table {
    width: 50%;
    margin: 0 auto;
    border-collapse: collapse;
}

th, td {
    padding: 8px;
    text-align: center;
}

th {
    background-color: aliceBlue;
}

tr:nth-child(even):hover {
    background-color: lightgrey; /* 偶数行在鼠标悬停时的背景色 */
}

tr:nth-child(odd):hover {
    background-color: lightblue; /* 奇数行在鼠标悬停时的背景色 */
}

tr:nth-child(even):active {
    background-color: pink; /* 偶数行在被选中时的背景色 */
}

tr:nth-child(odd):active {
    background-color: lightgreen; /* 奇数行在被选中时的背景色 */
}
.button-container {
    text-align: center;
    margin-top: 20px;
}

.button-container button {
    margin: 0 10px;
}

